import React from 'react'
import { Card } from 'antd'
import View from '@/components/View'
// import At from 'react-at'
import At from '@/components/At'

const members = ['李白', '李商隐', '张若虚', '杜甫', '巴金']
// const members = [{id: 1, title: '李白'}, {id:2, title: '李商隐'}, {id:3, title:'张若虚'}]

const AtDemo = () => {
  const style={
    color:'#666',
    fontSize:'25px',
    borderRadius: '5px',
    border:'1px #ccc solid',
}

  return (
    <View className="app-at">
      <Card title="圈圈 at">
        <At members={members}>
          <div style={style} contentEditable />
        </At>
      </Card>
    </View>
  )
}

export default AtDemo
